//子传父
//核心:在子组件中调用父组件中的添数并传递实参

import { useState } from "react";

function Son({ onGetSonMsg }){
  const sonMsg = "this is a son msg"
  return (
    <div>
      <button onClick={ () => onGetSonMsg(sonMsg) }>send</button>
    </div>
  )
}

function App() {
  const [ msg, setMsg ] = useState('')
  const getMsg = (msg) => { setMsg(msg) }
  return (
    <div className="App">
      this is a app,{msg}
      <Son onGetSonMsg={getMsg} />
    </div>
  );
}

export default App;
